<template>	
	<div class="card" id="bill-detail-car">
    <div class="card-header">租车明细</div>

    <table class="table table-striped table-hover table-sm small">
      <thead>
          <tr>
              <th>出发</th>
              <th>到达</th>
              <th>车型</th>
              <th>用车时间</th>
              <th>价格</th>
              <th>优惠</th>
              <th>成本</th>
              <th>利润</th>
              <th>备注</th>
          </tr>
      </thead>
      <tbody>
        <template  v-for="info in detailInfo.carOrders">
          <tr :key="info.id">   
            <td>{{info.departureAddress}}</td>                             
            <td>{{info.arrivalAddress}}</td>
            <td>{{info.vehicleTypeName}}</td>
            <td>{{info.useTime}}</td>
            <td>{{info.price}}</td>
            <td>{{info.discount}}</td>
            <td>{{info.cost}}</td>
            <td>{{info.profit}}</td>
            <td>{{info.remark}}</td>
          </tr>
        </template>
      </tbody>
    </table>
  </div>
</template>

<script>
  export default {
    props: {
      detailInfo: {
        type: Object
      }
    }
  }		
</script>